@charset "utf-8";
@import "reset";
body{
    overflow: hidden;
}
.wrap{
    width: 100vw;
    height: 100vh;
    padding-right: vw(150);
    overflow: auto;
   
    header{
        width: 100%;
        height: vw(130);
    .header{
        width: 93vw;
        height: vw(70);
        display: flex;
        position: fixed;
        justify-content: space-between;
        align-items: center;
       padding: vw(30) vw(28);
       z-index: 999;
       background: #fff;
    .input{
        border: 1px solid orange;
        border-radius: vw(56);
        position: relative;
        input{
            font-size: vw(12);
            width: 100%;
            line-height: vw(56);
            border: none;
            outline: none;
            background-color: transparent;
            padding-left: vw(30);
        }

    }
    .select{
        width: vw(140);
        height: vw(50);
        border: 1px solid orange;
       transform: translateX(-1vw);
        select{
            width: vw(130);
            height: vw(50);
            border: none;
            outline: none;
            background-color: transparent;
        }
        &::after {
            content: "";
            display: block;
            border: 10px solid #ff9344;
            border-color: #ff9344 transparent transparent transparent;
            width: 0;
            height: 0;
            position: absolute;
            right: vw(5);
            top: vw(18);
            pointer-events: none;
        }

    }
    }
}
    .main{
        overflow: hidden;
        padding-bottom: vw(130);
        .lunbotu{
            img{
            width: 100%;
            height: vw(250);
            
        }
        }
        .youhui{
            width: 100%;
            height: vw(90);
            position: relative;
            .images{
                width: vw(70);
                height: vw(70);
                position: absolute;
                padding-left: vw(30);
            img{
                width: vw(70);
                height: vw(70);
                // display: block;
                // transform: translate(15px,61px);
            }
        }
        .more{
            width: vw(550);
            height: vw(70);
            line-height: 100%;
            padding: 0 vw(110);
            // transform: translate(28px,30px);
            display: flex;
            position: absolute;
            justify-content: space-between;
            align-items: center;
        }
    }
    .four_ps{
        width: vw(600);
        height: vw(250);
        // transform: translateY(-35px);
        padding: 0 vw(80);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        & img{
            width: vw(250);
            height: vw(100);
            border: 2px solid transparent;
            box-sizing: border-box;
        }
    }
    .booter{
        width: 100%;
     overflow: hidden;
    .likely{
        width: 100%;
        height: vw(100);
        position: relative;
        padding: 0 vw(30);
        // transform: translateY(-98px);
        .images_2{
            width: 100%;
        height: vw(70);
        position: absolute;
            img{
                width: vw(70);
                height: vw(70);
                display: block;
                position: absolute;
                // transform: translate(15px,61px);
            }
        }
        .more_2{
            width: vw(550);
            position: absolute;
            height: vw(70);
            line-height: 100%;
            padding: 0 vw(90);
            // transform: translate(28px,30px);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    }
    .eat_one{
        width: 100%;
        height: vw(190);
        padding: 0 vw(30);
        display: flex;
        .right{
            width: vw(500);
            height: vw(150);
            padding: vw(10) vw(20);
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          justify-content: space-between;
        .main_one{
            display: flex;
            width: vw(450);
            justify-content: space-between;
            & span{
                font-size: vw(5);
                line-height: vw(45);
            }
        }
        .main_tew{
         
            width: vw(330);
            height: vw(50);
            font-size: vw(8);
            line-height: 210%;
        }
        .main_three{
            display: flex;
            justify-content: space-between;
            width: vw(460);
            height: vw(50);
           transform: translateX(-2px);
            & h4{
                color:#ff9344;
            }
            & span{
                font-size: vw(5);
                line-height: vw(45);
            }
        }
    }
 }
 .eat_two{
    width: 100%;
    height: vw(190);
    // transform: translateY(-128px);
    padding: 0 vw(30);
    display: flex;
    .right{
        width: vw(500);
        height: vw(150);
        padding: vw(10) vw(20);
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: space-between;
    .main_one{
        display: flex;
        width: vw(450);
        justify-content: space-between;
        & span{
            font-size: vw(5);
            line-height: vw(45);
        }
    }
    .main_tew{
     
        width: vw(330);
        height: vw(50);
        font-size: vw(8);
        line-height: 100%;
    }
    .main_three{
        display: flex;
        justify-content: space-between;
        width: vw(460);
        height: vw(50);
       transform: translateX(-2px);
        & h4{
            color:#ff9344;
        }
        & span{
            font-size: vw(5);
            line-height: vw(45);
        }
     }
   }
  }
}
 }
 footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    .list{
        width: 100%;
        height: vw(130);
        display: flex;
        justify-content: space-around;
        // align-items: center;
      & a{
        color: black;
      }
        background-color: #fff;
        .icon-index,.icon-category,.icon-wode2{
            font-size: vw(70);
            color: #ff9344;
        }
        .icon-faxian{
           font-size: vw(70);
           color: #ff9344;
        }
       }

}
}
